"use client";

import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs";
import { useRouter } from "next/navigation";

export const LoveTabs =()=> {
  const route = useRouter();
  return (
    <div>
      <Tabs defaultValue="who" className="w-[400px]" onValueChange={(value) => route.push(`?tab=${value}`)}>
        <TabsList className="grid w-full grid-cols-2">
          <TabsTrigger value="who">和谁？</TabsTrigger>
          <TabsTrigger value="do">做什么？</TabsTrigger>
        </TabsList>
      </Tabs>
    </div>
  )
}